<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的收藏</title>
		<link rel="stylesheet" type="text/css" href="../css/header.css" />
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/footer.css" />
		<link rel="stylesheet" type="text/css" href="../css/collect.css" />
		<style type="text/css">
			.leftNav p:nth-child(3) a {
				color: #009AFE;
			}
		</style>
	</head>

	<body>
		<div class="porjectList">
			<div class="headerCon">
				<div class="header">
					<div class="logo">
						<a href="../index.html"><img src="../img/index/logo.png" /></a>
					</div>
					<ul class="nav">
						<li>
							<a href="">首页</a>
						</li>
						<li style="position: relative;" class="secNavPar">
							<a href="">热门文章</a>
							<div class="secNav">
								<p>赚钱教程</p>
								<p>圈内资讯</p>
								<p>项目推广</p>
							</div>
						</li>
						<li>
							<a href="">福利公社</a>
						</li>
						<li>
							<a href="">赚钱教程</a>
						</li>
						<li>
							<a href="">推客手册</a>
						</li>
					</ul>
					<div class="searchBtn"><img src="../img/index/search.png" class="search1" /><img src="../img/index/search_hover.png" class="search2" />搜索</div>
					<div class="user">
						<a href="login.html">登录</a>
						<a href="register.html" class="register">注册</a>
						<!--<img src="../img/index/user.png" class="userImg"/>-->
						<div class="userInfo">
							<span class="icons"></span>
							<p class="name">腿长一米八</p>
							<div class="incon">
								<p>我的任务</p>
								<p>我的收藏 <span style="color: #f00;"> (3)</span></p>
								<p>我的任务</p>
							</div>
							<p class="logout">退出登录</p>
						</div>
					</div>
					<div class="searchCon">
						<div class="search">
							<input type="text" />
							<span>搜索</span>
						</div>
						<div class="closeImg">
							<img src="../img/index/close.png" class="img1" />
							<img src="../img/index/close_hover.png" class="img2" //>
						</div>
					</div>
				</div>
			</div>
			<div class="navTitle"></div>
			<div class="container">
				<div class="lefts">
					<div class="headImg">
						<img src="../img/index/st93.png" />
						<p class="name">腿长一米八</p>
					</div>
					<div class="leftNav">
						<p>
							<a href="userInfo.html">个人资料</a>
						</p>
						<p>
							<a href="task.html">我的任务</a>
						</p>
						<p>
							<a href="userInfo.html">我的收藏 <span>(2)</span></a>
						</p>
						<p>
							<a href="userInfo.html">收益中心</a>
						</p>
						<p>
							<a href="userInfo.html">邀请返佣</a>
						</p>
						<p>
							<a href="userInfo.html">账户安全</a>
						</p>
						<p>退出登录</p>
					</div>
				</div>
				<div class="content">
					<p class="title">我的收藏</p>
					<p class="_title">共收藏了<span>4</span>个项目</p>
					<div class="list">
						<div class="item">
							<img src="../img/index/st93.png" class="topImg" />
							<div class="name">UC浏览器福利版UC浏览器福利版</div>
							<div class="common">
								UC浏览器
							</div>
							<div class="common2">
								佣金￥ <i>5.0</i>
								<span>查看详情</span>
							</div>
							<div class="nums">220人已完成</div>
						</div>
						<div class="item">
							<img src="../img/index/st93.png" class="topImg" />
							<div class="name">UC浏览器福利版UC浏览器福利版</div>
							<div class="common">
								UC浏览器
							</div>
							<div class="common2">
								佣金￥ <i>5.0</i>
								<span>查看详情</span>
							</div>
							<div class="nums">220人已完成</div>
						</div>
						<div class="item">
							<img src="../img/index/st93.png" class="topImg" />
							<div class="name">UC浏览器福利版UC浏览器福利版</div>
							<div class="common">
								UC浏览器
							</div>
							<div class="common2">
								佣金￥ <i>5.0</i>
								<span>查看详情</span>
							</div>
							<div class="nums">220人已完成</div>
						</div>
						<div class="item">
							<img src="../img/index/st93.png" class="topImg" />
							<div class="name">UC浏览器福利版UC浏览器福利版</div>
							<div class="common">
								UC浏览器
							</div>
							<div class="common2">
								佣金￥ <i>5.0</i>
								<span>查看详情</span>
							</div>
							<div class="nums">220人已完成</div>
						</div>
						<div class="item">
							<img src="../img/index/st93.png" class="topImg" />
							<div class="name">UC浏览器福利版UC浏览器福利版</div>
							<div class="common">
								UC浏览器
							</div>
							<div class="common2">
								佣金￥ <i>5.0</i>
								<span>查看详情</span>
							</div>
							<div class="nums">220人已完成</div>
						</div>
						<div class="item">
							<img src="../img/index/st93.png" class="topImg" />
							<div class="name">UC浏览器福利版UC浏览器福利版</div>
							<div class="common">
								UC浏览器
							</div>
							<div class="common2">
								佣金￥ <i>5.0</i>
								<span>查看详情</span>
							</div>
							<div class="nums">220人已完成</div>
						</div>
					</div>
					<div class="noData" style="display: none;">
						<img src="../img/icon/no-collect.png" />
						<p>您还没有收藏任何项目</p>
					</div>
				</div>
			</div>

		</div>
		<div class="footer">
			<div class="footerCon">
				<div class="left">
					<p class="tit">关于</p>
					<div class="info">
						推客星球（www.tuikestar.com）是一个帮您赚钱、省钱的社会化推广服务平台，以第三方身份整合全网优质赚钱项目、优惠福利信息。推客达人利用自己的碎片化时间，完成平台的推广任务，获得一定报酬的同时，还可了解每个项目的最新福利活动及赚钱攻略，也满足了项目方的产品推广需求。
					</div>
				</div>
				<div class="middle">
					<p class="tit">联系我们</p>
					<p class="p1">友链交换：tuikestar@162.com</p>
					<p class="p1">联合推广：tuikestar@162.com</p>
					<p class="p1">咨询QQ：547855740</p>
					<p class="p1">微信公众号：tuikestar2018</p>
					<div class="codes">
						<img src="../img/index/st93.png" />
						<p>微信扫一扫，关注我们</p>
					</div>
				</div>
				<div class="right">
					<p class="tit">合作伙伴</p>
					<div class="imgs">
						<img src="../img/index/st93.png" />
						<img src="../img/index/st93.png" />
						<img src="../img/index/st93.png" />
						<img src="../img/index/st93.png" />
						<img src="../img/index/st93.png" />
						<img src="../img/index/st93.png" />

					</div>
				</div>
			</div>
			<div class="footer_info">©2010-2018 - 推客星球 - 黔ICP备14037330号-1</div>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="../js/headerCommon.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function() {
			$(".container .item").hover(function() {
				$(this).css("box-shadow", "#ccc 0px 0px 10px 2px");
				$(this).find('.name').css("color", "#009AFE");
				$(this).find('.common2 span').css("color", "#fff");
				$(this).find('.common2 span').css("background", "#009AFE");
			}, function() {
				$(this).css("box-shadow", "none");
				$(this).find('.name').css("color", "#333");
				$(this).find('.common2 span').css("color", "#666");
				$(this).find('.common2 span').css("background", "#fff");
			});

		});
	</script>

</html>